/*
 * @Author: scopesang
 * @Date: 2022-05-12 13:30:30
 * @LastEditors: scopesang
 * @LastEditTime: 2022-05-12 18:26:30
 * @FilePath: \hook-ts\src\example\letHooks.tsx
 * @Description: 
 * 
 * Copyright (c) 2022 by scopesang/大鹏科技, All Rights Reserved. 
 */
import React from 'react'



// 自定义hooks
//当你功能足够复杂的时候  原本的hooks  无法满意你的开发需求 那就时候就可自定义 hooks 
// 也不是非常的难  hooks 本来就就是个函数 钩子函数

// example  把小写字母转成大写字母
const lowerCase = 'nihao ma '

// 自定义hooks  
// Array<string> string[]
function useWord(word: string): string {
    return word.toUpperCase()
}
const LetHooks = () => {
    const bigWord = useWord(lowerCase)
    return (
        < div >
            lowerCase:{lowerCase}
            upperCase:{bigWord}
        </div >
    )
}

export default LetHooks
